<template>
    <swiper :indicator-dots="indicatorDots">
          <swiper-item v-for="(item, index) in arr" :key="index">
            <img :src="item" alt="">
          </swiper-item>
    </swiper>
</template>

<script>
export default {
    props: ["arr"],
    name: "Banner",
    data () {
        return {
            // 焦点
            indicatorDots: true,
        }
    }
}
</script>

<style lang="less" scoped>
    swiper {
        height: calc(382/750 * 100vw);
        img {
            width: 100vw;
        }
    }
</style>